import React from 'react'

let fn3 = function () {
    console.log(3, this);
}
let fn4 = () => {
    console.log(4, this);
}
export default function App() {
    return (
        //
        //
        //
        // .
        /**
         * react定义的事件与原生事件的区别：
         * 1- 原生当中的事件属性名全部小写，React中事件属性采用小驼峰命名
         * 2- 原生当中的事件属性值为字符串，React中的事件属性值为函数。
         * 3- React中的事件处理函数中的this指向的是undefined，需要使用 bind,apply,call 绑定this。
         */
        <>
            <div>
                <button onClick={function () {
                    console.log(1, this);
                }}>1
                </button>

                <button onClick={() => {
                    console.log(2, this);
                }}>2
                </button>

                <button onClick={fn3}>3</button>
                <button onClick={fn4}>4</button>
            </div>
        </>
    )
}

